<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:http="http://www.w3.org/1999/xhtml">
    <!--所有页面共有底部-->
    <div th:fragment="footer">
        <div class="footer">
            <div class="footer am-u-sm-centered" style="height: 42.5px; background-color: #222222;">
                <div class="am-vertical-align" style="text-align: center;">
                    <div class="am-vertical-align-bottom">
                        <div style="color: #009688;font-size: 15px; line-height: 42.5px;">
                            &copy; 2018-2019 指尖上的魔术师 | <a href="https://beian.miit.gov.cn">粤ICP备19088392号-1</a>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div id="sidebar_toggle" data-am-offcanvas="{target: '#offCanvas'}">-->
                <!--<div class="sidebar_toggle_line_wrap">-->
                    <!--<span class="sidebar-toggle-line sidebar-toggle-line-first" style="width: 100%; top: 0; transform: rotateZ(0deg); opacity: 1; left:0"></span>-->
                    <!--<span class="sidebar-toggle-line sidebar-toggle-line-middle" style="width: 100%; opacity: 1; left: 0; top: 0; transform: rotateZ(0deg);"></span>-->
                    <!--<span class="sidebar-toggle-line sidebar-toggle-line-last" style="width: 100%; top: 0; transform: rotateZ(0deg); opacity: 1; left: 0;"></span>-->
                <!--</div>-->
            <!--</div>-->
            <div id="offCanvas" class="am-offcanvas">
                <div class="am-offcanvas-bar am-offcanvas-bar-flip">
                    <div class="am-offcanvas-content">
                        <div class="sidebar-inner">
                            <div class="site-overview">
                                <div class="img-author" style="text-align: center">
                                    <p style="font-size: large;font-family: 仿宋">微信公众号</p>
                                    <div id="weixin">
                                        <img class="weixinPublic" src="/img/wechat _official_account.jpg">
                                    </div>
                                    <div class="author-name">
                                        指尖上的魔术师
                                    </div>
                                    <div class="author-words">
                                        <p>从事编程，喜欢各种球类、户外运动。专注于java技术栈，熟悉redis、shiro、elastic search、webmagic、websocket等中间件
                                            ，热衷前沿人工智能技术的学习，虽然只是入个门(*^__^*) 嘻嘻……。</p>
                                    </div>

                                </div>
                                <div class="site-state" style="opacity: 1; display: block; transform: translateX(0px);">
                                    <div class="site-state-item learn-posts">
                                        <a href="/archives">
                                            <span class="archivesNum site-state-item-count"></span>
                                            <span class="site-state-item-name">日志</span>
                                        </a>
                                    </div>
                                    <div class="site-state-item learn-categories">
                                        <a id="site-state-item-a" href="/categories">
                                            <span class="categoriesNum site-state-item-count"></span>
                                            <span class="site-state-item-name">分类</span>
                                        </a>
                                    </div>
                                    <div class="site-state-item learn-tags">
                                        <a href="/tags">
                                            <span class="tagsNum site-state-item-count"></span>
                                            <span class="site-state-item-name">标签</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="back-to-top" style="bottom: 60px; right: 40px; width: 50px; position: fixed; display: none;">
                <a href="#top" title="回到顶部">
                    <img src="img/top.png" style="width: 50px; max-width: 50px;"/>
                </a>
            </div>
        </div>
    </div>
</html>